<script setup lang="ts"></script>

<template>
  <view>
    <wd-cell vertical class="rounded-lg">
      <template #title>
        <view class="flex items-center justify-between pt-[10px]">
          <wd-text text="流水号/餐牌号规则" size="14px" color="#333" />
          <view class="flex">
            <wd-text text="手动输入餐牌号" size="14px" color="#333" />
            <wd-icon name="chevron-down" size="20px" color="#bfbfbf" />
          </view>
        </view>
      </template>
      <template #label>
        <view class="mt-2 w-[90%]">
          <text class="text-xs text-tips">
            顺序生成流水号，流水号”起始流水号“和”最大流水号“之间顺序生成；乱序生成流水号；
          </text>
        </view>
      </template>
    </wd-cell>
    <wd-cell vertical class="mt-3 rounded-lg">
      <template #title>
        <view class="flex items-center justify-between pt-[10px]">
          <wd-text text="餐牌号为录入提醒：收银POS" size="14px" color="#333" />
          <view class="flex">
            <wd-text text="提醒但可跳过" size="14px" color="#333" />
            <wd-icon name="chevron-down" size="20px" color="#bfbfbf" />
          </view>
        </view>
      </template>
      <template #label>
        <view class="mt-2 w-[90%]">
          <text class="text-xs text-tips">
            勾选后，在对应的端，如果在结账时没有录入餐牌号，会弹窗提醒
          </text>
        </view>
      </template>
    </wd-cell>
    <wd-cell vertical class="mt-3 rounded-lg">
      <template #title>
        <view class="flex items-center justify-between pt-[10px]">
          <wd-text text="餐牌号为录入提醒：点餐助手" size="14px" color="#333" />
          <view class="flex">
            <wd-text text="提醒但可跳过" size="14px" color="#333" />
            <wd-icon name="chevron-down" size="20px" color="#bfbfbf" />
          </view>
        </view>
      </template>
      <template #label>
        <view class="mt-2 w-[90%]">
          <text class="text-xs text-tips">
            勾选后，在对应的端，如果在结账时没有录入餐牌号，会弹窗提醒
          </text>
        </view>
      </template>
    </wd-cell>
    <wd-cell title="流水号重置时间" title-width="60%" class="mt-3 rounded-lg py-[10px]">
      <view class="inline-block">
        <wd-text text="每日零点" size="14px" color="#333">
          <template #suffix>
            <wd-icon name="chevron-down" size="18px" color="#bfbfbf" />
          </template>
        </wd-text>
      </view>
    </wd-cell>
    <wd-cell title="起始流水号" class="mt-3 rounded-lg py-[10px]" center x>
      <view class="flex items-center">
        <input value="0001" class="rounded-xs border-1 border-border border-solid p-1 text-xs" />
        <view class="mx-4">至</view>
        <input value="9999" class="rounded-xs border-1 border-border border-solid p-1 text-xs" />
      </view>
    </wd-cell>
    <wd-cell title="支持手动录入人数" title-width="80%" class="mt-3 rounded-lg py-[10px]">
      <view class="inline-block">
        <wd-switch size="20px" />
      </view>
      <template #label>
        <view class="mt-2">
          <text class="text-[10px] text-tips">
            开启后，直接点餐模式下，也能手动输入就餐人数。备注：该开关不影响【堂食就餐人数计算规则】配置
          </text>
        </view>
      </template>
    </wd-cell>
    <wd-cell vertical class="mt-3 rounded-lg">
      <template #title>
        <view class="flex items-center justify-between pt-[10px]">
          <wd-text text="取单规则" size="14px" color="#333" />
          <view class="flex">
            <wd-text text="只能取当前设备的存单" size="14px" color="#333" />
            <wd-icon name="chevron-down" size="20px" color="#bfbfbf" />
          </view>
        </view>
      </template>
      <template #label>
        <view class="mt-2 w-[90%]">
          <text class="text-xs text-tips">
            取单时，不用设备/不同账号的存单是否可以在其他设备/其他账号取单
          </text>
        </view>
      </template>
    </wd-cell>
  </view>
</template>

<style scoped lang="scss">
:deep(.wd-cell) {
  line-height: 14px;
}
</style>
